@import '../../../../scss/image';
@import '../../../../scss/colors';

.login-form-body{
	width: 100%;
	height: 100%;
	background-image: url(../../../../assets/img/login-bg.png);
	background-repeat: no-repeat;
	background-size:cover;
	position: fixed;
	left: 0;
	top: 0;
	.login-form-box{
		width:1080px;
		height:640px;
		background:rgba(255,255,255,1);
		border-radius:12px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		display: flex;
		>img{
			width: 540px;
			height: 640px;
			display: block;
		}
		>p{
			width: 540px;
			height: 30px;
			display: block;
			line-height: 30px;
			position: absolute;
			left: 0;
			top: 50px;
			text-align: center;
			font-size: 26px;
			color: #FCCC5B;
			font-weight: bold;
		}
		>form{
			width: 540px;
			padding:0 105px;
			h2{
				text-align: center;
				margin-top: 66px;
				margin-bottom: 30px;
				line-height: 30px;
				font-size: 30px;
				font-weight: bold;
			}
			label{
				margin-top: 15px;
				margin-bottom: 15px;
				display: block;
				font-size: 16px;
			}
		}
	}
    input, button{
        width:100%;
	};
	input{
		border-radius: 0;
		border: none;
		height: 36px;
		border-bottom:1px solid #999999;
		&:focus{
			box-shadow: none;
		}
		&:-webkit-autofill {
			-webkit-box-shadow: 0 0 0px 1000px #fff inset;
		}
	}
    button{
		font-size: 20px;
		padding:10px;
		height: 48px;
		border-radius:24px;
		border:none;
	};
    
    .login-form-forgot{float: right;};
    .login-logo{text-align: center;padding-bottom: 60px};
};
.language{
	position: absolute;
	right: 20px;
	top: 20px;
	img{
		width: 50px;
		margin-right: 10px;
	}
	i{
		color:#333;
	}
}
.language-list{
	li{
		&:hover{
			background:#ccc;
		}
	}
}